<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        .p1{
            color: gold;
            font-size: 20px;
        }
        /*在一个选择器的后面加上:after 语法叫做伪类*/
        .p1:after{

            content: '--《论语》';
            color: red;
            font-size: 12px;


        }
        .p1:before{
            content: '孔子说::';
            color: red;
            font-size: 30px;
        }



        
        
    </style>
</head>
<body>


    <p class="p1"> 温度而知新！</p>






</body>
</html>